如何在 WebView 當中執行程式

DAY 22

APP 開發好好玩系列第 19 篇

ios webview

2013-10-14 22:05:43

2174 瀏覽

分享至

如何在 WebView 當中執行程式
我們昨天提到了可以在 WebView 當中執行程式，我們今天來看看要怎麼處理

先在 UIViewController 上面放置 WebView
把 WebView 拉成 IBOutlet 的屬性
我們就可以在程式當中，載入 HTML 檔，載入的方法如下
- (void)viewDidLoad
  {
  [super viewDidLoad];
  // Do any additional setup after loading the view, typically from a nib.
  NSString *path;
  path = [[NSBundle mainBundle] pathForResource:@"mypage" ofType:@"html"];
  
  NSURL *url = [NSURL fileURLWithPath:path];
  NSURLRequest *request = [NSURLRequest requestWithURL:url];
  [_webView loadRequest:request];
  }

接下來只要設計 mypage.html 就可以了，下列是個簡單的範例

<html xmlns="http://www.w3.org/1999/xhtml">

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
.aa {
	color: #00F;
	font-size: 18px;
}
</style>
<script>
function add()
{
	var q1 = document.getElementById("q1").value;
	var q2 = document.getElementById("q2").value;
	
	var ans = eval(q1) + eval(q2);
	document.getElementById("ans").innerHTML = ans;
}
</script>


<body class="aa">
<p>Hello World
</p>
<p>
  <label for="q1"></label>
  <input type="text" name="q1" id="q1" /> 
  +
  <label for="q2"></label>
  <input type="text" name="q2" id="q2" />
  <input type="button" name="button" id="button" value="=" onclick="add()" />
</p>
<p><span id="ans"></span></p>

這樣就可以列出兩個數相加的結果了